﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:GalaSoft_MvvmLight_Command="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WP71" xmlns:AmCharts_Windows_QuickCharts="clr-namespace:AmCharts.Windows.QuickCharts;assembly=AmCharts.Windows.QuickCharts.WP" 
    x:Class="ShoppingList.Views.StatisticsView"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Landscape" Orientation="Landscape"
    mc:Ignorable="d" d:DesignHeight="480" d:DesignWidth="728"
    shell:SystemTray.IsVisible="True" DataContext="{StaticResource Locator}">

<!--Sample code showing usage of ApplicationBar-->
<!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>--><!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{Binding ViewModelStatistics, Mode=OneWay}">
        <Grid.RowDefinitions>
        	<RowDefinition Height="0.067*"/>
        	<RowDefinition Height="0.933*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,0,0,0" d:LayoutOverrides="VerticalAlignment">
            <TextBlock x:Name="ApplicationTitle" Text="ESTADISTICAS" Style="{StaticResource PhoneTextNormalStyle}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        	<Grid.RowDefinitions>
        		<RowDefinition/>
        	</Grid.RowDefinitions>
        	<AmCharts_Windows_QuickCharts:SerialChart Margin="0,64,0,8" 
			 d:LayoutOverrides="Width"
			  CategoryValueMemberPath="StringDate"
					AxisForeground="{StaticResource PhoneForegroundBrush}"
                         GridStroke="{StaticResource PhoneTextBoxReadOnlyBrush}" DataSource="{Binding MyValueItems, Mode=TwoWay}" FontSize="21.333" LegendVisibility="Collapsed" PlotAreaBackground="{x:Null}" Foreground="{StaticResource PhoneForegroundBrush}" >
        		<AmCharts_Windows_QuickCharts:SerialChart.Graphs>
        			<AmCharts_Windows_QuickCharts:ColumnGraph Title="{Binding TitleChart, Mode=TwoWay}" ValueMemberPath="result" Brush="{StaticResource PhoneAccentBrush}"/>
        		</AmCharts_Windows_QuickCharts:SerialChart.Graphs>
        	</AmCharts_Windows_QuickCharts:SerialChart>
        	<toolkit:ListPicker x:Name="listPicker" HorizontalAlignment="Left" Margin="8,0,0,0" Width="242" ItemsSource="{Binding Options}" VerticalAlignment="Top" SelectedItem="{Binding SelectedOption, Mode=TwoWay}"/>
</Grid>
    </Grid>

</phone:PhoneApplicationPage>
